COD Landing Page Generator (Performance Optimized)

Product Information

Product Name *

Product SKU (Hidden from users) *

This SKU will be sent to the delivery company but hidden from customers

Website URL *

Required for SEO - used in sitemap.xml, robots.txt, and canonical tag. Include https:// and no trailing slash.

Price *

Currency

Quantity & Discounts

Show Quantity Options

2 Units Discount (%)

3 Units Discount (%)

Form Settings

Form Language

Form Title

Submit Button Text

Floating Button Text

Target Country

Use All States/Regions

Select Specific States

Hold Ctrl/Cmd to select multiple states

Page Layout

Form Position in Page

Space Between Images (px)

25px

Images & Content

Show Full Images (No Cropping)

When enabled, vertical images display completely without cropping. Uses object-fit: contain to preserve the full image.

Main Title Settings

Main Title

Title Position

Title Size (px)

Title Color

Title Font Family

Title Alignment

Product Name Settings

Product Name Size (px)

Theme Selection

Form Theme

Custom Colors (Light Theme)

Primary Color

Secondary Color

Button Color

Accent/Error Color

Title Color

Background Color

Section Spacing Background Color

Background color of the space between images, form, and trust block sections

Form Structure

Form Layout Structure

Form Field Style

Label Position

Input Field Size

Quantity Selector Style

Error Display Style

Section Dividers

Form Layout

Form Width

Default Image Width

Preview Width: 400px

Image Aspect Ratio (Prevents Layout Shift)

Choose the shape that matches your images. This prevents page jumping (CLS) when images load.

Border Radius (px)

Enable Form Shadow

Show Floating Button

Dropdown Colors

Dropdown Background Color

Dropdown Text Color

Success Message Colors

Success Text Color

Success Background Color

Submit Button Style

Button Style

Primary Color

Secondary Color

Submit Button Preview:

Style: Gradient

Floating Button Style

Button Style

Gradient Start

Gradient End

Floating Button Preview:

Style: Gradient

Webhook Configuration

Configure where order data will be sent when customers submit the form.

Webhook URL *

HTTP Method

Authorization Header (Optional)

Data Format Sent

The following data will be sent to your delivery company:

{
  "id": 1234567890,
  "order_number": "COD-1234567890",
  "customer": {
    "first_name": "Client",
    "last_name": "Name",
    "phone": "Phone Number"
  },
  "shipping_address": {
    "address1": "Full Address"
  },
  "line_items": [
    {
      "sku": "SKU-12345",
      "quantity": 1,
      "price": "1000.00",
      "title": "Product Name"
    }
  ],
  "total_price": "1000.00",
  "financial_status": "pending",
  "created_at": "2024-01-15T10:30:00Z"
}

Make sure your delivery company supports this JSON format. The SKU field is included automatically but hidden from customers.

Success Message

Success Title

Success Message

Facebook Pixel Configuration

Add your Facebook Pixel ID to track user interactions and conversions.

Facebook Pixel ID *

Find your Pixel ID in Facebook Events Manager

Enable Facebook Pixel Tracking

Events That Will Be Tracked

PageView - When page loads
ViewContent - When form is displayed
AddToCart - When quantity is selected
InitiateCheckout - When user starts filling form
Purchase - When order is submitted successfully
NameEntered - When name field is filled
PhoneEntered - When phone field is filled
AddressEntered - When address field is filled
StateSelected - When state is selected
FormFilledNotSubmitted - When 3+ fields completed

Make sure to test your Pixel with the Facebook Pixel Helper Chrome extension after deployment.

Trust Block (Bloc Confiance)

Activez un bloc de confiance dynamique pour rassurer vos clients et augmenter les conversions.

Activer le Trust Block

Trust Block Presets

Choisir un preset

Selecting a preset will auto-configure badges, theme, style, and animations. You can still customize manually after selecting.

Theme du Trust Block

Theme visuel

Theme Preview:

💰 Paiement a la livraison

Theme: Default

Mise en page

Position d'affichage

Style d'affichage

Style des Icones

Couleur des icones

Taille des icones (px)

Style d'icone

Typographie

Taille du texte (px)

Epaisseur du texte

Couleurs & Apparence

Couleur de fond

Couleur du texte

Couleur de bordure

Couleur d'accent

Espacement & Dimensions

Arrondi (px)

Padding (px)

Ecart entre badges (px)

Animation

Badges de confiance a afficher

Paiement a la livraison

Livraison rapide

Support WhatsApp disponible

Satisfaction garantie

Produit verifie avant expedition

Confirmation rapide des commandes

Adaptation auto par pays :
Mauritanie = "Livraison rapide en Mauritanie"
Senegal = "Livraison rapide et gratuit au Senegal"
Les textes s'adaptent automatiquement a la langue (AR/FR).

Price Psychology Block

Add psychological triggers to your price display to boost conversions. Choose a style that creates urgency and perceived value.

Activer le Price Psychology Block

Psychology Style

Style de presentation

Ancien Prix (pour Style F)

Apparence

Background Color

Text Color

Accent Color

Border Radius (px)

Position d'affichage

Font Size (px)

Animation

Style Previews:
A: "Offre speciale aujourd'hui — [PRIX] seulement"
B: "Promotion limitee — Paiement a la livraison"
C: "Livraison offerte aujourd'hui 🚚"
D: "Stock limite aujourd'hui"
E: "Promo exclusive aujourd'hui"
F: "~~[ANCIEN PRIX]~~ → [NOUVEAU PRIX]"

COD Landing Page Generator

Configuration

Data Format Sent

Events That Will Be Tracked

Live Preview

Generated Files